<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <!-- Font Awesome -->
    <link rel="stylesheet" href="/plugins/fontawesome-free/css/all.min.css">
    <!-- Ionicons -->
    <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
    <!-- Tempusdominus Bootstrap 4 -->
    <link rel="stylesheet" href="/plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css">
    <!-- iCheck -->
    <link rel="stylesheet" href="/plugins/icheck-bootstrap/icheck-bootstrap.min.css">
    <!-- JQVMap -->
    <link rel="stylesheet" href="/plugins/jqvmap/jqvmap.min.css">
    <!-- Theme style -->
    <link rel="stylesheet" href="/dist/css/adminlte.min.css">
    <!-- overlayScrollbars -->
    <link rel="stylesheet" href="/plugins/overlayScrollbars/css/OverlayScrollbars.min.css">
    <!-- Daterange picker -->
    <link rel="stylesheet" href="/plugins/daterangepicker/daterangepicker.css">
    <!-- summernote -->
    <link rel="stylesheet" href="/plugins/summernote/summernote-bs4.min.css">

    <link rel="stylesheet" href="/mycss/bootstrap.min.css">
    <link rel="stylesheet" href="/myPlugins/bootstraptable/bootstrap-table.min.css">
    <script src="/js/jquery-3.6.1.min.js"></script>

    <style>
        .table th {
            text-align: center;
        }

        .table td {
            text-align: center;
        }

        #form {
            display: flex;
            justify-content: space-between;
            padding-top: 20px;
            padding-bottom: 20px;
        }

        #first {
            margin-left: 20px;
        }

    </style>
</head>

<body>

    <div class="container">
        <div class="row">
            <div class="col">
                <form class="form-inline" id="form">
                    <div class="form-group" id="first">
                        <label for="searchName">请输入姓名</label>
                        <input type="text" class="form-control" id="searchName" placeholder="请输入名称" name="searchName">
                    </div>
                    <div class="form-group">
                        <label>请选择性别</label>
                        <select class="form-control" id="searchSex">
                            <option value=""></option>
                            <option value="男">男</option>
                            <option value="女">女</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="searchDeptName">请输入院系名称</label>
                        <input type="text" class="form-control" id="searchDeptName" placeholder="请输入名称"
                            name="searchDeptName">
                    </div>
<!--                    <div class="form-group">-->
<!--                        <label for="searchAge">请输入年龄</label>-->

<!--                        <input type="text"-->
<!--                            oninput="value=value.replace(/[^\d]/g,'');if(value>60)value=30;if(value<1)value=1"-->
<!--                            class="form-control" id="searchAge" placeholder="请输入年龄" name="searchAge" pattern="[10-60]">-->
<!--                    </div>-->
                    <button type="button" class="btn btn-default btn-primary"  style="margin-top: auto" onclick="search()">查询</button>
                    <button type="button" class="btn btn-default btn-primary"  style="margin-top: auto;margin-right: 20px" onclick="resetsearch()">重置查询</button>

                </form>

                <table class="table table-bordered table-striped" id="studentTb"></table>
            </div>

        </div>
    </div>

    <!-- Modal -->
<!--    <div class="modal fade" id="studentModel" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">-->
<!--        <div class="modal-dialog" role="document">-->
<!--            <div class="modal-content">-->
<!--                <div class="modal-header">-->
<!--                    <h4 class="modal-title" id="myModalLabel">学生密码更改</h4>-->

<!--                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span-->
<!--                            aria-hidden="true">&times;</span>-->
<!--                    </button>-->
<!--                </div>-->
<!--                <div class="modal-body">-->
<!--                    <form id="studentform">-->

<!--                        <input hidden="hidden" id="id" name="id" />-->
<!--&lt;!&ndash;                        <div class="form-group">&ndash;&gt;-->
<!--&lt;!&ndash;                            <label for="soldpassword">旧密码</label>&ndash;&gt;-->
<!--&lt;!&ndash;                            <input type="text" class="form-control" id="soldpassword" name="soldpassword" placeholder="旧密码">&ndash;&gt;-->
<!--&lt;!&ndash;                        </div>&ndash;&gt;-->
<!--                        <div class="form-group">-->
<!--                            <label for="spassword">新密码</label>-->
<!--                            <input type="text" class="form-control" id="spassword" name="spassword" placeholder="新密码">-->
<!--                        </div>-->

<!--                    </form>-->
<!--                </div>-->
<!--                <div class="modal-footer">-->
<!--                    <button type="button" class="btn btn-primary" onclick="saveStudent()"> 保存</button>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->

    <!-- jQuery -->
    <script src="/plugins/jquery/jquery.min.js"></script>
    <!-- jQuery UI 1.11.4 -->
    <script src="/plugins/jquery-ui/jquery-ui.min.js"></script>
    <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
    <script>
        $.widget.bridge('uibutton', $.ui.button)
    </script>
    <!-- Bootstrap 4 -->
    <script src="/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
    <!-- ChartJS -->
    <script src="/plugins/chart.js/Chart.min.js"></script>
    <!-- Sparkline -->
    <script src="/plugins/sparklines/sparkline.js"></script>
    <!-- JQVMap -->
    <script src="/plugins/jqvmap/jquery.vmap.min.js"></script>
    <script src="/plugins/jqvmap/maps/jquery.vmap.usa.js"></script>
    <!-- jQuery Knob Chart -->
    <script src="/plugins/jquery-knob/jquery.knob.min.js"></script>
    <!-- daterangepicker -->
    <script src="/plugins/moment/moment.min.js"></script>
    <script src="/plugins/daterangepicker/daterangepicker.js"></script>
    <!-- Tempusdominus Bootstrap 4 -->
    <script src="/plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script>
    <!-- Summernote -->
    <script src="/plugins/summernote/summernote-bs4.min.js"></script>
    <!-- overlayScrollbars -->
    <script src="/plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script>
    <!-- AdminLTE App -->
    <script src="/dist/js/adminlte.js"></script>
    <script src="/myjs/bootstrap.min.js"></script>
    <script src="/myPlugins/bootstraptable/bootstrap-table.min.js"></script>
    <script src="/myPlugins/bootstraptable/locale/bootstrap-table-zh-CN.js"></script>
    <script src="/myjs/list.js"></script>
</body>

</html>